Basic Visual Studio Code settings for HTML

The basic VS Code setup consists of adding the Prettier extension and adjusting four settings: the Default Formatter, when to apply the formatter, autosaving onfocusChange and tab size. Go to settings by clicking in the Manage wheel at the bottom left of the UI and then search for each of these turntables.
The Prettier extension formats the code in a nice way each time it is saved. That’s what the apply formatter setting does. And to make it more convenient the autosaving can happen every time the focus changes away from the file.
My tab size is comprised of two spaces.

Leave a Reply

Your email address will not be published. Required fields are marked *